<template>
  <div>
    <div class="common-tab-box">
      <div @click="change('row1left')" :class="{ 'active': activeName === 'row1left' }">全市房地产情况</div>
      <div @click="change('row1right')" :class="{ 'active': activeName === 'row1right' }">中心城区房地产情况</div>
    </div>
    <KeepAlive>
      <component :is="componentId"></component>
    </KeepAlive>
  </div>
</template>
<script>
import { getAction, postAction } from '@/api/manage'
import row1left from './row1left.vue'
import row1right from './row1right.vue'
export default {
  name: '',
  data () {
    return {
      componentId: 'row1left',
      activeName: 'row1left'
    }
  },
  components: {
    row1left,
    row1right
  },
  methods: {
    change (e) {
      this.activeName = e
      this.componentId = e
    }

  }
}
</script>
